@charset "utf-8";
/* CSS Document */

/*===yellow f7c600====red da251c=====*/

body
{
    background:url(../images/body_bg.png) top repeat-x;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#252525;
}
h1, h2, h3, h4, h5, h6
{
    -webkit-text-shadow:0px 2px 2px #ccc;
    -moz-text-shadow:0px 2px 2px #ccc;
    text-shadow:0px 2px 2px #ccc;
    behavior: url(css/PIE.htc);
}
a
{
    text-decoration:none;
}
#Top
{
    margin-top:3px;
}
#Top, #Top *
{
    color:#da251c;
    font-size:11px;
}

#Updates ul, #Updates ul li
{
    float:right;
    list-style:none;
    margin:0px;
    padding:0px;
}
#Updates ul li a
{
    display:block;
    width:16px;
    height:12px;
    margin:8px 0 0 10px;
}
#Updates ul li a span
{
    float:right;
    font-size:8px;
    background:#da251c;
    display:block;
    padding:0px 3px 0px 3px;
    position:relative;
    color:#FFF;
    top:8px;
    right:-4px;
    
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    behavior: url(css/PIE.htc);
}
#Updates .Notificatinos
{
    background:url(../images/notifications.png) no-repeat;
}
#Updates .Messeges
{
    background:url(../images/msg.png) no-repeat;
}

#Logo img
{
    margin:18px 0 0 0;
}

#Search
{
    margin-top:45px;
    position:relative;
}

#Search input, #Search select
{
    padding:5px;
    background:#FFF url(../images/input.png) top repeat-x;
    border:1px solid #f7c600;
}
#Search input
{
    width:400px;
    padding:6px;
}
#Search select
{
    width:160px;
}
#Search #SearchButton
{
    background:#da251c url(../images/search.png) center center no-repeat;
    margin:0px;
    padding:0px;
    height:30px;
    width:50px;
    border:none;
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}

#Navigator
{
    background:#EEE;
    margin-top:10px;
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    behavior: url(css/PIE.htc);
}
#Navigator ul, #Navigator ul li
{
    margin:0px;
    padding:0px;
    list-style:none;
    float:left;
}
#Navigator ul li a
{
    display:block;
    padding:5px 10px;
    color:#aaa;
    background:url(../images/arrow.png) right no-repeat;
}
#Navigator ul li a.Home span
{
    background:url(../images/home.png) top center no-repeat;
    width:18px;
    height:18px;
    display:block;
}
#Navigator ul li a.Home span:hover
{
    background:url(../images/home.png) bottom center no-repeat;
}
#Navigator ul li a:hover
{
    color:#404040;
}
#Main, #SideBar
{
    margin-top:25px;
}
#Main > h1
{
    color:#252525;
    font-size:30px;
    font-weight:normal;
}
#ProductGallery
{
    background:#EEE;
    
    margin-top:10px;
    margin-bottom:20px;
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    behavior: url(css/PIE.htc);
}
#ProductGallery > img
{
    margin:10px 5px 10px 10px;
    width:370px;
    height:auto;
}
#ProductGallery div
{
    float:right;
    margin:10px 10px 5px 5px;
}
#ProductGallery div li, #ProductGallery div li a img
{
    margin:0 0 5px 0;
    padding:0px;
    list-style:none;
}
#ProductGallery div li a
{
    display:block;
    border:1px solid #aaa;
    margin:0px;
    padding:0px;
    width:50px;
    height:50px;
}
#ProductGallery div li a img
{
    width:50px;
    height:50px;
}
#ProductGallery div li a:hover
{
    border:1px solid #404040;
}
#ProductPrice
{
    margin-top:10px;
}
#ProductPrice h2
{
    color:#da251c;
    font-size:14px;
    font-weight:normal;
}
#ProductPrice span
{
    font-size:25px;
    color:#da251c;
    font-weight:normal;
}
#ProductPrice .Follow, #Followers .Follow
{
    background:url(../images/button.png) center center no-repeat;
    display:block;
    font-size:16px;
    color:#FFF;
    text-align:center;
    padding:3px 0 0 0;
    width:129px;
    height:30px;
}
#Line
{
    background:url(../images/line.png) repeat-x;
    height:5px;
    
    margin-top:20px;
    margin-bottom:20px;
    
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    behavior: url(css/PIE.htc);
}

#Reviews h3
{
    font-size:16px;
    color:#da251c;
    font-weight:normal;
    margin-bottom:25px;
}
#Reviews li
{
    margin:0 0 15px 0;
    padding:0 0 5px 0;
    list-style:none;
    border-bottom:1px solid #ccc;
}
#Reviews li img
{
    float:left;
    margin:0 8px 0 0;
    width:50px;
    height:50px;
}
#Reviews li p
{
    padding-left:57px;
}
#Reviews li span
{
    font-size:11px;
    color:#aaa;
    display:block;
}
#AddComment h3
{
    margin-bottom:20px;
}
#AddComment label
{
    display:block;
}
#AddComment textarea
{
    background:url(../images/input.png) top repeat-x;
    width:300px;
    height:100px;
    font-family:Arial, Helvetica, sans-serif;
    border:1px solid #aaa;
    padding:5px;
}
#AddComment textarea:focus
{
    border:1px solid #f7c600;
}

#SideBar
{
    background:#eee;
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    behavior: url(css/PIE.htc);
    
    -webkit-box-shadow:0px 2px 2px #ddd;
    -moz-box-shadow:0px 2px 2px #ddd;
    box-shadow:0px 2px 2px #ddd;
    behavior: url(css/PIE.htc);
}
#SideBar > div
{
    margin:20px 10px;
}

#SideBar h3
{
    font-size:16px;
    color:#da251c;
    font-weight:normal;
}

#GoogleMap > div, #GoogleMap img
{
    width:260px;
    height:auto;
}

#OtherStores img
{
    width:125px;
    display:block;
    margin:auto;
}
#OtherStores a
{
    display:block;
    margin:10px auto;
    width:125px;
    text-align:center;
    color:#252525;
    overflow:hidden;
    border:1px solid #eee;
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    behavior: url(css/PIE.htc);
}
#OtherStores a:hover
{
    background:#ccc;
    border:1px solid #ccc;
}

#Listing
{
    margin-top:15px;
}
#Listing li
{
    background:#f1f1f1;
    margin:0px 0px 1px 0px;
    padding:0px;
    list-style:none;
    padding:5px;
    border-top:1px solid #dedede;
}
#Listing li strong
{
    color:#da251c;
}

#News li
{
    margin:10px 0px;
    padding:10px 0px;
    list-style:none;
    border-bottom:1px solid #f1f1f1;
}
#News li h3
{
    font-weight:normal;
    color:#da251c;
}
#News li span
{
    float:right;
    font-size:10px;
    margin:8px 0 0 0;
}

#MallSlider
{
    margin-top:20px;
    margin-bottom:30px;
}

#Followers > span
{
    font-size:25px;
    color:#FFF;
    background:#da251c;
    display:block;
    margin:auto;
    text-align:center;
    padding:5px 0;
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    behavior: url(css/PIE.htc);
    
    -webkit-text-shadow:0px 1px 2px #252525;
    -moz-text-shadow:0px 1px 2px #252525;
    text-shadow:0px 1px 2px #252525;
    behavior: url(css/PIE.htc);
    
    -webkit-box-shadow:0px 2px 2px #ccc;
    -moz-box-shadow:0px 2px 2px #ccc;
    box-shadow:0px 2px 2px #ccc;
    behavior: url(css/PIE.htc);
}
#Followers img
{
    margin:0 auto 20px auto;
    width:260px;
    height:auto;
}
#Followers span span
{
    font-size:12px;
}
#Followers .Follow
{
    margin:auto;
}

#Categories li, #Floors li
{
    margin:0px;
    padding:0px;
    list-style:none;
    float:left;
}
#Categories li a img, #Floors li a img
{
    display:block;
    width:32px;
    height:auto;
    margin:auto;
}
#Categories li a, #Floors li a
{
    text-align:center;
    display:block;
    width:100px;
    padding-top:25px;
    height:75px;
    margin:25px 50px 25px 0px;
    background:#EEE;
    color:#da251c;
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    behavior: url(css/PIE.htc);
    
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
    -o-transition:all ease-in-out 0.5s;
    transition:all ease-in-out 0.5s;
}
#Categories li a:hover, #Floors li a:hover
{
    -webkit-box-shadow:0px 0px 10px #aaa;
    -moz-box-shadow:0px 0px 10px #aaa;
    box-shadow:0px 0px 10px #aaa;
    behavior: url(css/PIE.htc);
    background:#f7c600;
}
#Categories h4, #Floors h4
{
    font-weight:normal;
    color:#da251c;
    margin:25px 0 0 0;
    padding:0px;
    border-bottom:1px solid #ccc;
}

#Floors li a img
{
    width:75px;
    height:75px;
}
#Floors li a
{
   width:100px;
    height:100px;
}

#Items li, #Departments li
{
    margin:10px 0;
    padding:10px 0;
    border-bottom:1px solid #ccc;
    list-style:none;
}
#Items li img, #Departments li img
{
    float:left;
    border:1px solid #ccc;
    width:100px;
    height:auto;
    margin-right:10px;
}
#Items li div, #Departments li div
{
    float:right;
    margin:10px;
}
#Items li div span, #Departments a
{	
    font-size:20px;
    color:#FFF;
    background:#da251c;
    display:block;
    text-align:center;
    padding:5px;
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    behavior: url(css/PIE.htc);
    
    -webkit-text-shadow:0px 1px 2px #252525;
    -moz-text-shadow:0px 1px 2px #252525;
    text-shadow:0px 1px 2px #252525;
    behavior: url(css/PIE.htc);
    
    -webkit-box-shadow:0px 2px 2px #ccc;
    -moz-box-shadow:0px 2px 2px #ccc;
    box-shadow:0px 2px 2px #ccc;
    behavior: url(css/PIE.htc);
}
#Items p
{
    padding-left:110px;
}

#Departments a
{
    display:inline-block;
    float:right;
    font-size:14px;
    
    
}
#Departments li
{
    padding:5px;
}
#Departments li:hover
{
    background:#eee;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
    -o-transition:all ease-in-out 0.5s;
    transition:all ease-in-out 0.5s;
}

#FooterWrapper
{
    background:#da251c;
    height:30px;
    padding-top:20px;
    margin-top:50px;
    text-align:center;
    color:#FFF;
    
    -webkit-box-shadow:0px -3px 3px #ccc;
    -moz-box-shadow:0px -3px 3px #ccc;
    box-shadow:0px -3px 3px #ccc;
    behavior: url(css/PIE.htc);
    -webkit-text-shadow:0px 1px 2px #252525;
    -moz-text-shadow:0px 1px 2px #252525;
    text-shadow:0px 1px 2px #252525;
    behavior: url(css/PIE.htc);
}



/*=======slider=======*/
.nivoSlider {
    position:relative;
    min-height:250px;
    background:#ddd url(../images/loading.gif) no-repeat 50% 50%;
    border:1px solid #ddd;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
}

.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(../images/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
a.nivo-prevNav {
    left:15px;
}

#slider1 .nivo-controlNav,
#slider2 .nivo-controlNav,
#slider4 .nivo-controlNav {
    position:absolute;
    left:47%;
    bottom:-30px;
}
#slider1 .nivo-controlNav a,
#slider2 .nivo-controlNav a,
#slider4 .nivo-controlNav a {
    display:block;
    width:10px;
    height:10px;
    background:url(../images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
#slider1 .nivo-controlNav a.active,
#slider2 .nivo-controlNav a.active,
#slider4 .nivo-controlNav a.active {
    background-position:-10px 0;
}

#slider2 a {
    display:block; /* IE Fix */
}

#slider3 {
    margin-bottom:110px;
}
#slider3 .nivo-controlNav {
    position:absolute;
    left:29%;
    bottom:-70px;
}
#slider3 .nivo-controlNav img {
    display:inline;
    position:relative;
    margin-right:10px;
    -moz-box-shadow:0px 0px 5px #333;
    -webkit-box-shadow:0px 0px 5px #333;
    box-shadow:0px 0px 5px #333;
    behavior: url(css/PIE.htc);
}
#slider3 .nivo-controlNav a.active img {
    -moz-box-shadow:0px 0px 5px #fff;
    -webkit-box-shadow:0px 0px 5px #fff;
    box-shadow:0px 0px 5px #fff;
    behavior: url(css/PIE.htc);
}
/*
 * jQuery Nivo Slider v2.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
    position:relative;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:60;
    display:none;
}
/* The slices in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
}
/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#ddd;
    color:#000;
    opacity:0.8; /* Overridden by captionOpacity setting */
    width:100%;
    z-index:89;
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:99;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
    position:relative;
    z-index:99;
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}
